<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <style>
        * { margin: 0;padding: 0}
        .banner { width: 1350px;height: 680px;border: 1px solid #bdb9b9;margin: 20px auto}
        .bannerHeader { width: 100%;height: 40px;background-color: #d0cfcf}
        .bannerHeader .headerLeft { font-size: 20px;line-height: 40px;margin-left: 10px;color: #4c4a4a}
        .bannerHeader .headerRight { font-size: 12px;line-height: 40px;float: right}
        .bannerHeader .headerRight a { color: #db0b1d}
        .bannerInfo { width: 600px;height: 600px;margin: 10px auto}
        .bannerInfo .inp { width: 440px;height: 600px;display: inline-block;float: right;margin-top: 30px}
        .bannerInfo .inp label{  display: block;width: 300px;height: 35px;margin-bottom: 25px;}
        .bannerInfo .inp label input{float: right;height: 100%}
        .bannerInfo .inp label .sub { width: 250px;margin-left: 25px;background-color: #db0b1d;border: white;color: white;float: none}
    </style>
</head>
<body>
<header id="header">
    <div id="headerBox">
        <h1>品优购</h1>
        <a href=display.jsp>返回首页</a>
        <a href="">联系客服</a>
    </div>
</header>
<div class="banner">
    <div class="bannerHeader">
        <span class="headerLeft">注册新用户</span>
        <span class="headerRight">已有账号，去<a href="./login.jsp">登录</a></span>
    </div>
    <div class="bannerInfo">
        <form action="${pageContext.request.contextPath}/ICustomerS" method="post">
            <div style="height: 30px;color: #C62828;text-align: center" >
                <%
                    //重定向上下文
                    if (request.getSession().getAttribute("regErr")!=null) {
                        java.lang.String err=(java.lang.String)request.getSession().getAttribute("regErr");
                        out.print(err);
                    }
                %>
            </div>
            <div class="inp">
                <label><span style="color: red" > * </span>
                    用户为：<input type="text" name="userName" minlength="3" maxlength="20" placeholder="请输入3—10个字的名字" required>
                </label>
                <label><span style="color: red" > * </span>
                    邮箱为：<input type="email" name="userEmail" pattern="([A-z0-9]{1,15})(@[A-z0-9]{1,6})+(.[A-z0-9]{1,6})" placeholder="请输入正确邮箱" required>
                </label>
                <label><span style="color: red" > * </span>
                    密码为：<input type="password" name="password" class="pwd" required>
                </label>
                <label><span style="color: red" > * </span>
                    确认密码：<input type="password" name="enterAgain" class="repwd" required>
                </label>
                <label><span style="color: red" > * </span>
                    地址：<input type="text" name="address" required>
                </label>
                <label><span style="color: red" > * </span>
                    省/市：<input type="text" name="provincesAndCities" required>
                </label>
                <label><span style="color: red" > * </span>
                    电话号码：<input type="tel" name="phone" class="phoneNum" pattern="(^1([3-9]{1})([0-9]{9})" required placeholder="请输入正确的电话号码">
                </label>
                <label><span style="color: red" > * </span>
                    传真号码：<input type="text" name="fax" pattern="[0-9]{1,20}" placeholder="1-20数字">
                </label>
                <label>
                    <input type="submit" value="完成注册" class="sub"><br>
                </label>
            </div>
        </form>
    </div>
</div>
<footer id="footer">
    <div id="footerBox">
        <div class="">
            <a  href="">
                关于我们
            </a>
            |
            <a href="">
                联系我们
            </a>
            |
            <a href="">
                人才招聘
            </a>
            |
            <a  href="">
                商家入驻
            </a>
            |
            <a href="">
                广告服务
            </a>
            |
            <a  href="">
                友情链接
            </a>
            |
            <a  href="">
                销售联盟
            </a>
            |
            <a href="" >
                商家社区
            </a>
            |
            <a href="" >
                捐款公益
            </a>
        </div>
        <div class="">
            1107841498@qqcom&nbsp;©&nbsp;&nbsp;&nbsp;&nbsp;版权归<a href="">@清秋</a>所有
        </div>
    </div>
</footer>
</body>
</html>
